{% load i18n wagtailcore_tags %}
{% load static %}




<header class="header">

    <div class="navGrid" id="navGrid">
        <div class="productGrid justify">
            <div class="wrapper">
                <a href="http://localhost:8000/admin/" class="topWrapper">
                    <img src="{% static 'chappie/picture/200614105955930.png' %}" class="logo" title="CHAPPIE-多骨鱼模板主题"
                        alt="CHAPPIE-多骨鱼模板主题">
                </a>
                <div class="minMenu layoutDisplay" id="switchMenu">
                    <i class="iconDgy more"></i>
                    <i class="iconDgy close"></i>
                </div>
            </div>

            <div class="wrapper">
                <div class="navWrapper">
                    <a href="http://localhost:8000">
                        <span class="navName">小宇宙</span>
                    </a>
                    <a href="http://localhost:8000/blog">
                        <span class="navName">博客</span>
                    </a>
                    <a href="#">
                        <span class="navName">快乐星球</span>
                    </a>

                    <a href="http://localhost:8000/tbug/index">
                        <span class="navName">T-Bug</span>
                    </a>
                </div>

                <!-- 登录/注册 START -->
                <div class="userHeaderWrapper">
                    <a href="https://chappie.duoguyu.com/member/index/login.html" rel="nofollow" target="_blank"
                        class="menuLogin">登录/注册</a>
                </div>
                <!-- 登录/注册 END -->

            </div>

        </div>

        <script>
            $(function () {
                $('#switchMenu, #closeMenuBtn').click(function () {
                    $('#navGrid').toggleClass('on');
                });
            });
        </script>

    </div>

</header>